<template>
  <div v-show="a">
    <div class="showMap">
      <a href="https://www.bilibili.com/video/BV19t4y1q75z" target="_blank">
        <div>计算机二级 WPS Office</div>
      </a>
    </div><div class="showMap">
      <a href="https://www.bilibili.com/video/BV1Y741137fy" target="_blank">
        <div>计算机二级MS Office全套真题</div>
      </a>
    </div><div class="showMap">
      <a href="https://www.bilibili.com/video/BV1X54y1X7Fk?from=search&seid=17017756158267468957" target="_blank">
        <div>计算机二级Access</div>
      </a>
    </div><div class="showMap">
      <a href="https://www.bilibili.com/video/BV1eA411N7dC?from=search&seid=10718665330008204543" target="_blank">
        <div>计算机二级Access真题解析</div>
      </a>
    </div><div class="showMap">
      <a href="https://www.bilibili.com/video/BV1YW411W71y?from=search&seid=16261231523876974002" target="_blank">
        <div>计算机全国等级考试二级c语言</div>
      </a>
      </div><div class="showMap">
        <a href="https://www.bilibili.com/video/BV1Et4y1S7RJ?from=search&seid=5337158032401218257" target="_blank">
          <div>计算机二级C++</div>
        </a>
      </div><div class="showMap">
        <a href="https://www.bilibili.com/video/BV14t411s7YM?from=search&seid=11594049402052856412" target="_blank">
          <div>计算机等级考试二级Java程序设计</div>
        </a>
      </div><div class="showMap">
        <a href="https://www.bilibili.com/video/BV1Zy4y1H7HL?from=search&seid=7407633753601076737" target="_blank">
          <div>计算机二级Python</div>
        </a>
      </div><div class="showMap">
        <a href="https://www.bilibili.com/video/BV1wt411v72V?from=search&seid=13286186497690708094" target="_blank">
          <div>计算机三级数据库技术</div>
        </a>
      </div><div class="showMap">
        <a href="https://www.bilibili.com/video/BV1wt411x7et?from=search&seid=16145522790515749339" target="_blank">
          <div>计算机三级--网络技术</div>
        </a>
      </div><div class="showMap">
        <a href="#" target="_blank">
          <div>正待更新</div>
        </a>
      </div>
  </div>
</template>

<script>
export default {
  name: 'ncre',
  props: ['a']
}
</script>

<style scoped lang="scss">
div{
  .showMap {
    margin: 5px;
    display: inline-block;
    a {
      text-decoration: none;
      font-size: 20px;
      div {
        border: #4285f4 3px solid;
        background-color: #4285f4;
        width: 25em;
        height: 1.5em;
        line-height: 1.5em;
        display: inline-block;
        text-align: center;
        &:hover{
          border: #d022e3 3px solid;
          box-shadow: 2px 2px 3px #ee1498;
          background-clip: content-box;
        }
      }
      &:link,&:visited{
        color:greenyellow;
      }
    }
  }
}
</style>
